<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>内蒙古退役军人双创平台</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="css/index.css "/>
    <link rel="stylesheet" type="text/css" href="css/css.css "/>
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/ec.js"></script>
    <script type="text/javascript" src="js/cy.js"></script>
  </head>
  <body>
  	<!-- 右侧跟随导航条开始 -->
  	<div class="fixedMenu">

		<ul class="fr">
			<li><img src="image/rightMenu.png"/></li>
			<li><a href="#"><span class="glyphicon glyphicon-heart-empty"></span>收藏职位(99+)</a></li>
			<li><a href="#"><span class="glyphicon glyphicon-euro"></span>邀面试（2）</a></li>
			<li><a href="#"><span class="glyphicon glyphicon-leaf"></span>有意向（12）</a></li>
			<li><a href="#"><span class="glyphicon glyphicon-envelope"></span>已沟通（5）</a></li>
			<li><a href="#"><span class="glyphicon glyphicon-send"></span>已投递（42）</a></li>
			<li><a href="#"><span class="glyphicon glyphicon-remove-sign"></span>不合适（0）</a></li>
			<li><a href="#">返回顶部</a></li>
		</ul>
		<div class="fr back">收回→</div>
  	</div>
  	<!-- 右侧跟随导航条结束 -->
  	<!--顶部导航栏开始-->
  	<div class="header">
  		<span>欢迎光临！您可以通过网站右上角搜索框查找您需要的信息</span>
  		<ul class="nav navbar-nav navbar-right">
	        <li><a href="#">注册 </a></li>
	        <li><a href="#" class="last">登录 </a></li>
	        <li>
	        	<form class="navbar-form navbar-right">
			        <div class="form-group">
			          <input type="text" class="form-control navbar-left" placeholder="搜索资讯、岗位、课程"/>
			          <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
			        </div>
			    </form>
	        </li>
	      </ul>
  	</div>
   	<!--顶部导航栏结束-->
  	<!--导航栏开始-->
    <nav class="navbar navbar-default">
	  <div class="container-fluid">
	    <!-- Brand and toggle get grouped for better mobile display -->
	    <div class="navbar-header">
	      <a class="navbar-brand" href="#">内蒙古自治区退役军人事务厅培训双创平台</a>
	    </div>

	    <!-- Collect the nav links, forms, and other content for toggling -->
	    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	      <ul class="nav navbar-nav">
	        <li><a href="#">首页 <span class="sr-only">(current)</span></a></li>
	        <li><a href="#">找工作 <span class="sr-only">(current)</span></a></li>
	        <li><a href="#">创业商机 <span class="sr-only">(current)</span></a></li>
	        <li><a href="#">专技培训 <span class="sr-only">(current)</span></a></li>
	        <li><a href="#">政策咨询 <span class="sr-only">(current)</span></a></li>
	        <li><a href="#">职业测评 <span class="sr-only">(current)</span></a></li>
	        <li><a href="#">军友圈 <span class="sr-only">(current)</span></a></li>
	      </ul>
	    </div><!-- /.navbar-collapse -->
	  </div><!-- /.container-fluid -->
	</nav>
	<!--导航栏结束-->

	<!--轮播图开始-->
	<div id="carousel-example-generic" class="carousel slide banner" data-ride="carousel">


	  <!-- Wrapper for slides -->
	  <div class="carousel-inner" role="listbox">
	    <div class="item active">
	      <img src="image/banner.png" alt="...">
	      <div class="carousel-caption">
	      </div>
	    </div>
		<h2>鄂尔多斯市退役军人招聘专场</h2>
	    <div class="seach">
			<form class="form-inline">
			  <div class="form-group">
			    <label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label>
			    <div class="input-group">
			      <input type="text" class="form-control" id="exampleInputAmount" placeholder="搜搜看职位、企业名称、课程、关键字">
			      <div class="input-group-addon"><span class="glyphicon glyphicon-search"></span></div>
			    </div>
			  </div>
			</form>
			<div class="host">
				热门搜索：
				<a href="#">退伍军人</a>
				<a href="#">销售</a>
				<a href="#">鄂尔多斯招聘会</a>
				<a href="#">JAVA入门</a>
				<a href="#">加盟</a>
			</div>
	    </div>
	  </div>

	  <!-- Controls -->

	</div>
	<!--轮播图结束-->


	<!--退役军人就业招聘开始-->
	<div class="jyzp">
		<img src="image/jyzp.png" class="titleImg"/>
		<ul class="nav nav-tabs">
			 <li><a href="#" data-target="#tab1" data-toggle="tab" style="font-weight: bold;;">全部</a></li>
			 <li><a href="#" data-target="#tab2" data-toggle="tab">会计</a></li>
			 <li><a href="#" data-target="#tab3" data-toggle="tab">人事</a></li>

			 <li><a href="#" data-target="#tab4" data-toggle="tab">保安</a></li>
			 <li><a href="#" data-target="#tab5" data-toggle="tab">厨师</a></li>
			 <li><a href="#" data-target="#tab6" data-toggle="tab">销售</a></li>
			 <li><a href="#" data-target="#tab7" data-toggle="tab">JAVA</a></li>
			 <li><a href="#" data-target="#tab8" data-toggle="tab">数据分析</a></li>
			 <li><a href="#" data-target="#tab9" data-toggle="tab">健身教练</a></li>

			 <span>展开</span>

			 <li><a href="#" data-target="#tab1" data-toggle="tab">全部</a></li>
			 <li><a href="#" data-target="#tab2" data-toggle="tab">会计</a></li>
			 <li><a href="#" data-target="#tab3" data-toggle="tab">人事</a></li>

			 <li><a href="#" data-target="#tab4" data-toggle="tab">保安</a></li>
			 <li><a href="#" data-target="#tab5" data-toggle="tab">厨师</a></li>
			 <li><a href="#" data-target="#tab6" data-toggle="tab">销售</a></li>
			 <li><a href="#" data-target="#tab7" data-toggle="tab">JAVA</a></li>
			 <li><a href="#" data-target="#tab8" data-toggle="tab">数据分析</a></li>
			 <li><a href="#" data-target="#tab9" data-toggle="tab">健身教练</a></li>
		</ul>
		<div class="tab-content">
			 <div class="tab-pane active" id="tab1">
			 	<div class="row">
				  <div class="col-md-4 col-sm-4 col-xs-4">
				    <div class="thumbnail">
				      <div>
				      	<span class="recruitName">急聘厨师</span>
				      	<span class="recryitSalary">3k-4k</span>
				      	<span class="recryitCity">呼和浩特</span>
				      	<span class="recryitYear">1-3年</span>
				      	<span class="recryitEducation">不限学历</span>
				      </div>
				      <div class="caption">
				        <h3>内蒙古红太阳集团 </h3>
				        <h4>100-499</h4>
								<button>立即申请</button>
				      </div>
				    </div>
				  </div>
					<div class="col-md-4 col-sm-4 col-xs-4">
				    <div class="thumbnail">
				      <div>
				      	<span class="recruitName">急聘厨师</span>
				      	<span class="recryitSalary">3k-4k</span>
				      	<span class="recryitCity">呼和浩特</span>
				      	<span class="recryitYear">1-3年</span>
				      	<span class="recryitEducation">不限学历</span>
				      </div>
				      <div class="caption">
				        <h3>内蒙古红太阳集团 </h3>
				        <h4>100-499</h4>
								<button>立即申请</button>
				      </div>
				    </div>
				  </div>
					<div class="col-md-4 col-sm-4 col-xs-4">
				    <div class="thumbnail">
				      <div>
				      	<span class="recruitName">急聘厨师</span>
				      	<span class="recryitSalary">3k-4k</span>
				      	<span class="recryitCity">呼和浩特</span>
				      	<span class="recryitYear">1-3年</span>
				      	<span class="recryitEducation">不限学历</span>
				      </div>
				      <div class="caption">
				        <h3>内蒙古红太阳集团 </h3>
				        <h4>100-499</h4>
								<button>立即申请</button>
				      </div>
				    </div>
				  </div>

			 	</div>
			  <div class="row">
				  <div class="col-md-4 col-sm-4 col-xs-4">
				    <div class="thumbnail">
				      <div>
				      	<span class="recruitName">急聘厨师</span>
				      	<span class="recryitSalary">3k-4k</span>
				      	<span class="recryitCity">呼和浩特</span>
				      	<span class="recryitYear">1-3年</span>
				      	<span class="recryitEducation">不限学历</span>
				      </div>
				      <div class="caption">
				        <h3>内蒙古红太阳集团 </h3>
				        <h4>100-499</h4>
								<button>立即申请</button>
				      </div>
				    </div>
				  </div>
					<div class="col-md-4 col-sm-4 col-xs-4">
				    <div class="thumbnail">
				      <div>
				      	<span class="recruitName">急聘厨师</span>
				      	<span class="recryitSalary">3k-4k</span>
				      	<span class="recryitCity">呼和浩特</span>
				      	<span class="recryitYear">1-3年</span>
				      	<span class="recryitEducation">不限学历</span>
				      </div>
				      <div class="caption">
				        <h3>内蒙古红太阳集团 </h3>
				        <h4>100-499</h4>
								<button>立即申请</button>
				      </div>
				    </div>
				  </div>
					<div class="col-md-4 col-sm-4 col-xs-4">
				    <div class="thumbnail">
				      <div>
				      	<span class="recruitName">急聘厨师</span>
				      	<span class="recryitSalary">3k-4k</span>
				      	<span class="recryitCity">呼和浩特</span>
				      	<span class="recryitYear">1-3年</span>
				      	<span class="recryitEducation">不限学历</span>
				      </div>
				      <div class="caption">
				        <h3>内蒙古红太阳集团 </h3>
				        <h4>100-499</h4>
								<button>立即申请</button>
				      </div>
				    </div>
				  </div>

			 	</div></div>

				<div class="tab-pane" id="tab2">22222</div>
			 <div class="tab-pane" id="tab3">33333</div>
			 <div class="tab-pane" id="tab4">44444</div>
			 <div class="tab-pane" id="tab5">55555</div>
			 <div class="tab-pane" id="tab6">66666</div>
			 <div class="tab-pane" id="tab7">77777</div>
			 <div class="tab-pane" id="tab8">88888</div>
			 <div class="tab-pane" id="tab9">99999</div>
		</div>
	</div>
	<!--退役军人就业招聘结束-->

	<!--我要创业开始-->
	<div class="wycy">
		<img src="image/wycy.png" class="titleImg"/>
		<div id="carousel-example-generic" class="carousel slide banner" data-ride="carousel">
  	  <!-- Indicators -->
	  <ol class="carousel-indicators">
	    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
	    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
	  </ol>

	  <!-- Wrapper for slides -->
	  <div class="carousel-inner" role="listbox">
	    <div class="item active">
	      <div class="row">
						  <div class="col-xs-4 col-md-4 col-sm-4">
						    <div class="thumbnail">
						      <div>
						      	<img src="image/demo.png" />
						      </div>
						      <div class="caption">
										内容内容这里是内容
						      </div>
						    </div>
						  </div>
							<div class="col-xs-4 col-md-4 col-sm-4">
						    <div class="thumbnail">
						      <div>
						      	<img src="image/demo.png" />
						      </div>
						      <div class="caption">
										内容内容这里是内容
						      </div>
						    </div>
						  </div>
							<div class="col-xs-4 col-md-4 col-sm-4">
						    <div class="thumbnail">
						      <div>
						      	<img src="image/demo.png" />
						      </div>
						      <div class="caption">
										内容内容这里是内容
						      </div>
						    </div>
						 </div>
			  </div>


	    </div>
	    <div class="item">
	      <div class="row">
						  <div class="col-xs-4 col-md-4 col-sm-4">
						    <div class="thumbnail">
						      <div>
						      	<img src="image/demo.png" />
						      </div>
						      <div class="caption">
										内容内容这里是内容
						      </div>
						    </div>
						  </div>
							<div class="col-xs-4 col-md-4 col-sm-4">
						    <div class="thumbnail">
						      <div>
						      	<img src="image/demo.png" />
						      </div>
						      <div class="caption">
										内容内容这里是内容
						      </div>
						    </div>
						  </div>
							<div class="col-xs-4 col-md-4 col-sm-4">
						    <div class="thumbnail">
						      <div>
						      	<img src="image/demo.png" />
						      </div>
						      <div class="caption">
										内容内容这里是内容
						      </div>
						    </div>
						 </div>
			  </div>

	    </div>
	  </div>
	</div>

	</div>
	<!--我要创业结束-->


  <!--技能培训开始-->
  <div class="jnpx">
  	<img src="image/jnpx.png" class="titleImg"/>
  	<div class="media">
		  <div class="media-left media-middle">
		    <a href="#">
		      <img class="media-object" src="image/jzmedia.png" alt="测试">
		    </a>
		  </div>
		  <div class="media-body">
		    <div class="row">
				  <div class="col-xs-4 col-md-4 col-sm-4">
				    <a href="#" class="thumbnail">
				      <img src="image/kjkc.png" alt="...">
				      <span>会计课程</span>
				    </a>
				  </div>
				  <div class="col-xs-4 col-md-4 col-sm-4">
				    <a href="#" class="thumbnail">
				      <img src="image/kjkc.png" alt="...">
				      <span>会计课程</span>
				    </a>
				  </div>
				  <div class="col-xs-4 col-md-4 col-sm-4">
				    <a href="#" class="thumbnail">
				      <img src="image/kjkc.png" alt="...">
				      <span>会计课程</span>
				    </a>
				  </div>
				</div>

				<div class="row">
				  <div class="col-xs-4 col-md-4 col-sm-4">
				    <a href="#" class="thumbnail">
				      <img src="image/kjkc.png" alt="...">
				      <span>会计课程</span>
				    </a>
				  </div>
				  <div class="col-xs-4 col-md-4 col-sm-4">
				    <a href="#" class="thumbnail">
				      <img src="image/kjkc.png" alt="...">
				      <span>会计课程</span>
				    </a>
				  </div>
				  <div class="col-xs-4 col-md-4 col-sm-4">
				    <a href="#" class="thumbnail">
				      <img src="image/kjkc.png" alt="...">
				      <span>会计课程</span>
				    </a>
				  </div>
				</div>

		  </div>
		</div>
</div>
   <!--技能培训结束-->


  <!--创业率与就业率开始-->
  <div class="cyjyl">
  	<div class="cyjylCenter">
	  	<ul id="myTab" class="nav nav-tabs">
			    <li class="active"><a href="#A" data-toggle="tab">创业率</a></li>
			    <li><a href="#B" data-toggle="tab">就业率</a></li>
			</ul
			<div id="myTabContent" class="tab-content">
			    <div class="tab-pane fade in active" id="A">
			    		<div class="dataDisplay">
			    			<div class="dataShow1"><span class="smailTitle">创业人数</span><span class="counter">294,827</span>人</div>
			    			<div class="dataShow2"><span class="smailTitle">新增创业人数</span><span class="counter">12,456</span>人</div>
			    			<div class="dataShow3"><span class="smailTitle">通比增长率</span><span class="counter">1.94</span>%</div>
			    		</div>
			        <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
			        <div id="main" style="width: 1000px;height:300px;"></div>
			    </div>
			    <div class="tab-pane fade" id="B">
			        <p>我这里是B选项卡显现的</p>
			    </div>
			</div>
  	</div>
  </div>
  <!--创业率与就业率结束-->


  <!--友情链接开始-->
  <div class="yqlj">
  	<img src="image/yqlj.png" class="titleImg"/>
  	<div class="yqljCenter">
  		<div class="row">
				  <div class="col-xs-4 col-md-4 col-sm-4">
				  	<span class="yqljTitle"><span class="glyphicon glyphicon glyphicon-tower"></span>政府网站</span>
				  	<div class="copyright">
				  		<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
							<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
				  	</div>
				  	<a href="#" class="move">查看更多&gt;&gt;</a>
				  </div>

				  <div class="col-xs-4 col-md-4 col-sm-4">
				  	<span class="yqljTitle"><span class="glyphicon glyphicon glyphicon glyphicon-tasks"></span>报刊杂志</span>
				  	<div class="copyright">
				  		<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
							<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
				  	</div>
				  	<a href="#" class="move">查看更多&gt;&gt;</a>
				  </div>

				  <div class="col-xs-4 col-md-4 col-sm-4">
				  	<span class="yqljTitle"><span class="glyphicon glyphicon glyphicon glyphicon-bullhorn"></span>就业招聘</span>
				  	<div class="copyright">
				  		<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
							<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
					  	<a href="#">友情链接</a>
				  	</div>
				  	<a href="#" class="move">查看更多&gt;&gt;</a>
				  </div>

				  </div>
				</div>
  	</div>

  <!--友情链接结束-->

  <!--脚部开始-->
  <div class="footer">
  	版权所有&copy;联通系统集成内蒙古分公司
  </div>
  <!--脚部结束-->
  </body>
</html>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<!--数据增长效果（创业率和就业率）-->
<script src="js/jquery.waypoints.min.js"></script>
<script type="text/javascript" src="js/jquery.countup.min.js"></script>
<script type="text/javascript">
	/*$('.counter').countUp();*/
	$(function(){
		$(".back").click(function() {
			if($(".fixedMenu ul").width() > 0){
				$(".fixedMenu ul").css({"width":"0",})
				$(this).html("展开←")
			}else{
				$(".fixedMenu ul").css({"width":"160",})
				$(this).html("收回→")
			}

		});
	})
</script>
